@import "../common/common";
#content{

.form_group{

   padding: $_10 $_20;
   background: #fff;
   padding-top: $_20;
   margin-bottom: $_20;
   border-top: 1px solid #ececec;
   border-bottom: 1px solid #ececec;

  .form_input{
    input[type="text"]{
      height: $_70;
      width: 100%;
      border: 1px solid #ccc;
      padding: 0 $_10;
      border-radius: $_6;
      margin-bottom: $_20;
      font-size: $_26;
    }
  }


  .form_textarea{
    border: 1px solid #ccc;
    height: $_300;
    width: 100%;
    padding: $_20;
    overflow: hidden;
    border-radius: $_6;
    margin: $_10 0;


    textarea{
      height: 100%;
      width: 100%;
      border: none;
      outline: none;
      font-size: $_26;

    }
  }

  .form_select{
    width: 100%;
    height: $_70;
    border: 1px solid #ccc;
    border-radius: $_4;
    position: relative;
    line-height: $_60;
    font-size: $_26;
    padding: 0 $_20;
    color: #777;
    margin-bottom: $_16;

    select{
      height: 100%;
      width: 100%;
      outline: none;
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
    }
  }

  .form_select:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: $_10 solid transparent;
    border-right: $_10 solid transparent;
    border-top: $_20 solid #ccc;
    right: $_10;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .title{
    font-size: $_26;
    margin-bottom: $_20;
    color: #666;
    font-weight: bold;
  }

  .form_radio{
     margin-top: $_30;

    .radio_list{
      margin-right: $_40;
      font-size: $_28;
      color: #777;
      margin-bottom: $_20;
      display: block;
      float: left;

      input[type="radio"]{
        height: $_32;
        width: $_32;
        margin-right: $_10;
        border: 1px solid #ccc;
      }
    }
  }

  .form_btn{

    .btn{
      height: $_60;
      width: $_200;
      background: $color-yellow;
      text-align: center;
      line-height: $_50;
      color: #fff;
      border-radius: $_4;
      font-size: $_26;
      position: relative;
      margin-top: $_24;

      input[type="file"]{
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0;
      }
    }
  }

  .tips{
    padding: $_20 0;
    font-size: $_22;
    line-height: $_36;
    color: #999;
  }

}




  .hr_line {
    line-height: $_60;
    background: $color-yellow;
    text-align: center;
    color: #fff;
    font-size: $_28;
  }

  .sign_up_btn{
    border-top: 1px solid #ececec;
    border-radius: $_4;
    margin-top: $_20;
    padding: $_20;
    background: #fff;
    button{
      height: $_80;
      width: 100%;
      background: $color-yellow;
      border: 1px solid $color-yellow;
      color: #fff;
      font-size: $_32;
      border-radius: $_10;
    }
  }

}